/* Default Light Mode */
body {
  background-color: #ffffff;
  color: #000000;
  transition: background-color 0.3s ease, color 0.3s ease;
}

body.dark-mode,
body.dark-mode .container,
body.dark-mode .content,
body.dark-mode .dark {
  background-color: black;
  color: #ffffff;
}

#text-main h2 {
  color: red;
}

.coder h2 {
  color: #33FF33;
}

.designer h2 {
  color: #F7B500;
}

.light h2 {
  color: blueviolet;
}

body.dark-mode .animation-text1 {
  color: black;
}

body.dark-mode .info-container,
body.dark-mode .Menu_Menu a,
body.dark-mode .social-icons a,
.dark-mode .info-container h2,
.dark-mode .highlight,
.dark-mode h1,
.dark-mode .box {
  color: white;
}

body.dark-mode .thumbs li,
body.dark-mode .thumbs li p {
  background-color: #1e1e1e;
}

body.dark-mode .thumbs li .description {
  background-color: #1e1e1e;
  color: #ffffff;
}

.dark-mode .gradient-white {
  background: linear-gradient(to top, #000000, rgba(0, 0, 0, 0.8));
}

body.dark-mode .ProgressBar {
  background-color: black;
}

body.dark-mode .Progress {
  background-color: #ffffff;
}

body.dark-mode #footer p {
  background: transparent;
  color: black;
}

.dark-mode .filter-btn,
#contact-form-register h1 {
  color: black;
}